﻿<%@ Page Title="" Language="C#" MasterPageFile="~/masters/SecuredInterna.Master" AutoEventWireup="true" CodeBehind="saldosMovimientos.aspx.cs" Inherits="BancoIdeal.secured.saldosMovimientos" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitlePageSecured" runat="server">
    Saldos y Movimientos
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
	<script src="../scripts/util.js" type="text/javascript"></script>
	<script type="text/javascript">
		var dirProductos = "/WS/Productos.asmx";
		$( function () {
			loadingModal();
			LlamadoAjax( "{ idCliente: " + idCliente + " }", dirProductos, 'GetProductosCaptacion', OnErrorCall, OnSuccessCallDatosCuentas );
		} );

		function OnSuccessCallDatosCuentas( response ) {
			var primera = true;
			response = eval( "( " + response.d + " )" );
			for ( var i = 0; i < response.length; i++ ) {
				if ( response[i].IdProducto == 1 || response[i].IdProducto == 2 ) {
					if ( primera ) {
						CargarMovimientos( '#idfondoCuenta' + i, response[i] )
						primera = false;
					}
					$( "#cuentasCliente" ).append( '<li class="fondoCuentasMenu" id="idfondoCuenta' + i + '"><a href="#" id="cuentaLink' + i + '"><span><span>' + response[i].NombreProductoCliente + '</span></span></a></li>' );
					$( '#cuentaLink' + i ).click( { response: response[i], idfondoCuenta: '#idfondoCuenta' + i }, clickCuentaLink );
				}
			}
			InteraccionCuentas( 'cuentasGroup' );
			ScrollToolFun();
			$( '.cargandoModal' ).dialog( 'close' );
		}

		function CargarMovimientos( idfondoCuenta, response ) {
			loadingModal();
			$( '.fondoCuentasMenu' ).removeClass( "btnCuentaselected" );
			$( idfondoCuenta ).addClass( "btnCuentaselected" );
			$( '#idCuentaCorrienteInv' ).html( "" );
			$( '#idCuentaCorrienteInv' ).removeClass( "featureCuentaCorrienteInv" );
			$( '#idCuentaCorrienteInv' ).removeClass( "featureCuentaAhorrosInv" );

			if ( response.IdProducto == 1 ) {
				$( '#idCuentaCorrienteInv' ).addClass( "featureCuentaAhorrosInv" );

			} else {
				$( '#idCuentaCorrienteInv' ).addClass( "featureCuentaCorrienteInv" );
			}

			$( '#idCuentaCorrienteInv' ).append( '<a href="#"><span class="fondoAdicional"><span class="estiloTexto">' + response.NombreProductoCliente + '</span></span></a>' );
			$( '#idCuentasTitle' ).html( response.NombreProductoCliente );

			LlamadoAjaxSincrono( "{ idProductoCliente: " + response.IdProductoCliente + " }", dirProductos, 'GetMovimientoXProducto', OnErrorCall, function ( response ) {
				response = eval( "( " + response.d + " )" );
				$( '#movimientosCuentaActiva' ).html( "" );
				for ( var i = 0; i < response.length; i++ ) {
					var fecha = eval( response[i].FechaMovimiento.replace( /\/Date\((\d+)\)\//gi, "new Date($1)" ) );
					$( '#movimientosCuentaActiva' ).append( '<div id="datosMovimiento1" class="datosMovimiento leerMovimiento"><div class="salMovTop"><div class="salMovMoneda"><span><span class="saldoMovPesos">pesos</span></span></div><ul class="infoMovimientoSingle izquierda noMargin"><li><a href="#"><span class="fondoAdicional"><span>BancoIdeal</span><br /><small>banco</small></span></a></li><li><a href="#"><span class="fondoAdicional"><span>Oficina Virtual</span><br /><small>oficina</small></span></a></li><li><a href="#"><span class="fondoAdicional"><span>' + fecha.getFullYear() + '/' + ( fecha.getMonth() + 1 ) + '/' + fecha.getDate() + '</span><br /><small>fecha</small></span></a></li></ul></div><div class="egresosMovimientosFondo"><div class="ingresoEgreso iconoIngreso"><span class="fondoAdicional"><small>Pago</small></span></div><div class="descripcion"><h3><span>' + response[i].Detalle + '</span></h3><h3><span>Oficina Virtual</span><br /><small class="fondoAdicional">Descripción</small></h3></div><div class="valorMovimiento"><h1><span>$' + ( response[i].Credito > 0 ? response[i].Credito.toFixed( 2 ) : response[i].Debito.toFixed( 2 ) ) + '</span></h1></div></div><br clear="all" /></div>' );
				}
				$( '#saldoCuenta' ).html( '$' + response.Saldo );
				InteraccionCuentas( 'cuentasGroup' );
				ScrollToolFun();
			} );
			$( '.cargandoModal' ).dialog( 'close' );
		}

		function clickCuentaLink( event ) {
			CargarMovimientos( event.data.idfondoCuenta, event.data.response );
		}

		function OnErrorCall( response ) {
			alert( response.status + " " + response.statusText );
		}
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="SectionIcon" runat="server">
                    <span class="icono iconoCuentas48x">
                            &nbsp;
                    </span>
</asp:Content>
<asp:Content ID="Content4" ContentPlaceHolderID="SectionTitle" runat="server">
    Cuentas
</asp:Content>
<asp:Content ID="Content7" ContentPlaceHolderID="InfoScreen" runat="server">
    Para ver los movimientos de una cuenta, debes seleccionarla en la columna de la izquierda. También puedes ver los movimientos o transacciones en una vista clásica cambiando la opción. 
</asp:Content>
<asp:Content ID="Content8" ContentPlaceHolderID="MoreInfoScreen" runat="server">
                <a href="#" class="verMasInfo">
                    <span class="fondoAdicional">
                        <span class="estiloTexto">
                            mas información
                        </span>
                    </span>
                </a>
</asp:Content>
<asp:Content ID="Content9" ContentPlaceHolderID="SectionOptions" runat="server">
                <ul>
                    <li>
                        <a href="saldosMovimientos.aspx" class="opcionSeccion">
                            <span class="icono cuentas">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Saldos y movimientos
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="solicitarProductos.aspx" class="opcionSeccion">
                            <span class="icono nuevo">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Abrir nueva cuenta
                                </span>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="organizarCuentas.aspx" class="opcionSeccion">
                            <span class="icono organizar">
                                &nbsp;
                            </span>
                            <span class="fondoAdicional">
                                <span class="estiloTexto">
                                    Organizar cuentas
                                </span>
                            </span>
                        </a>
                    </li>
                </ul>
</asp:Content>
<asp:Content ID="Content10" ContentPlaceHolderID="TitleSubSectionPanorama" runat="server">
    Saldos y movimientos
</asp:Content>
<asp:Content ID="Content11" ContentPlaceHolderID="OpcionesTileHorizontal" runat="server">
					<div id="resumenCuentas">
						<p><span><span>Seleccione una cuenta para ver sus movimientos</span></span></p>
						<ul id="cuentasCliente">
						</ul>                    
						<ul id="OptionsVerMovimientosCuenta">
							<li href="#" class="VerCuentaCarrusel">
								<span class="fondoAdicional">
									<input type="radio" name="TipoVistaMovimientos" checked="checked" value="radio" id="radioCarrusel" alt="Ver movimientos como carrusel" />
								</span>
							</li>                        
							<li href="#" class="VerCuentaLista">
								<span class="fondoAdicional">
									<input type="radio" name="TipoVistaMovimientos" value="radio" id="RadioLista" alt="Ver movimientos como lista" />
								</span>
							</li>
						</ul>
					</div>
</asp:Content>
<asp:Content ID="Content12" ContentPlaceHolderID="MainContent" runat="server">
					<div class="paginaSaldosMovimientos">                
						<div id="cuentaActiva">
							<div id="infoCuentaMovimientos">
								<ul class="cuentaFeatures izquierda noMargin">
									<li class="featureSobregiroNoInv"><a href="#"><span class="fondoAdicional"><span class="estiloTexto">0</span></span></a></li>									
									<li class="featureCuentaCorrienteInv" id="idCuentaCorrienteInv"></li>
								</ul>                
                			<div class="cuentasTitle derecha">
                				<span id="idCuentasTitle"></span>
                			</div>
                		</div>
                    	<div id="cuentasCarrusel" class="carruselMovimientos">
								<div id="botonUp">
									<a href="#"><span class="ocultar">subir</span></a>
								</div>
								<div id="movimientosCuentaActiva">
								</div>
								<div id="botonDown">
                                <a href="#"><span class="ocultar">bajar</span></a>
							</div>
						</div>
					</div>					 
</asp:Content>
<asp:Content ID="Content13" ContentPlaceHolderID="FooterWebPage" runat="server">
    <!--Inicio de saldos consolidados-->            
            	<div id="saldosGroup" >
						<div id="textoSaldosConsolidados" class="izquierda">
							<h4 class="textoConsolidado"><span class="filaHorizontal"><span>Saldo disponible</span></span></h4>
						</div>                    
						<div id="saldoCuentas" class="derecha">
							<h3 class="salMovMoneda">
								<span class="consolidadoPesos"></span>
								<span class="fondoAdicional"><span class="estiloTexto" id="saldoCuenta"></span></span>
							</h3>
						</div>
					</div>
            <!--Fin de saldos consolidados-->
</asp:Content>
<asp:Content ID="Content14" ContentPlaceHolderID="VentanasEmergentes" runat="server">
</asp:Content>
